<template>
	<div class="setting">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<button style="background: rgb(0, 176, 240);" @click="changeSkin('rgb(0, 176, 240')">皮肤1</button>
			</li>
			<li class="mui-table-view-cell">
				<button style="background: rgb(243, 152, 148);" @click="changeSkin('rgb(243, 152, 148)')">皮肤2</button>
			</li>
			<li class="mui-table-view-cell">
				<button style="background: rgb(244, 185, 118);" @click="changeSkin('rgb(244, 185, 118)')">皮肤3</button>
			</li>
		</ul>



	</div>
</template>

<script>
	import store from "@/store/index.js";
	export default {
		data() {
			return{
				
			}
		},
		mounted() {
		},
		methods: {
			changeSkin(color) {
				localStorage.setItem('skinColor',color);
				store.dispatch('updateSkinColor',color);
			}
		}
	}
</script>

<style>
</style>
